import BaseInput from "@/components/ProForm/BaseInput.vue";
import BaseSelect from '@/components/ProForm/BaseSelect.vue'
import BaseDatePicker from '@/components/ProForm/BaseDatePicker.vue'
import {reactive} from 'vue'
export const elProps={
  border:true,//边框
  stripe:false,//斑马纹
  // rowClassName:tableRowClassName,//带状态表格
  operate:true,//是否显示操作菜单
  freeOperate:false,//是否显示  独立 表格操作菜单
  selection:true,//是否显示多选
  showOverflowTooltip:true,//单行显示
  indexType:true,//是否显示序列号
  buttonControl:false,//顶部操作按钮
  iconControl:true,//顶部操作按钮  图表模式
  class:'proTable',
  style:{
  },
  cellStyle:{
      textAlign:'center',
  },
    headerCellStyle:{
      textAlign:'center',
    },
}
export const controlWidth = {

  }
  export const setFormConfig = {
    formProps: { // 表单属性
        labelPosition: 'left',
        style: {
            display: 'flex'
        }
    },
    formItems: [{
            name: BaseInput,
            props: { // 表单项属性
                label: '搜索',
                prop: 'name',
                borderBottom: true,
            },
            // label: '姓名',
            elProps: { // 表单组件属性
                placeholder: '內容/名稱',
                clearable: true,
                style: {
                    width: '134px',
                }
            },
            value: '' // 值（可按需设置不同类型值）
        },
        {
            name: BaseSelect,
            options: [    {
              value: 1,
              label: '正常',
            },
            {
              value: -1,
              label: '禁用',
            },],
            props: {
                label: '狀態',
                prop: 'status'
            },
            elProps: {
                placeholder: '全部',
                clearable: true,
                multiple: false,
                style: {
                    width: '100px',
                }
            },
            value: ''
        },
        {
            name: BaseDatePicker,
            props: {
                label: '發佈日期',
                prop: 'time',
            },
            elProps: reactive({
                format: "YYYY",
                valueFormat: "YYYY-MM-DD",
                type: 'year',
                placeholder: '請選擇年份',
                startPlaceholder: "請選擇開始日期",
                endPlaceholder: "請選擇結束日期",
                clearable: true,
            }),
            value:''
        }

    ],
    rules: {
    }
}

